<template>
  <div class="app-container">
    <el-tabs type="border-card">
   <uploadMoreImage :isCompress="true" ref="uploadImage"  :photo="imgList"
                 v-on:addImage="addImage" :limit=1
                 v-on:removeImage="removeImage" @sortable='sortable' ></uploadMoreImage>


    </el-tabs>
  </div>

</template>

<script>
  import uploadMoreImage from '@/components/uploadMoreImage';
    export default {
      components:{
        uploadMoreImage
      },
      data() {

        return {

          imgList:[
            'https://s1.ax1x.com/2020/08/07/aWVKV1.png?a=1',
            'https://s1.ax1x.com/2020/08/07/aWVKV1.png?a=2'
          ],
        };
      },
      mounted () {
      },
      methods: {
        sortable(newArray){
          // this.imgList=newArray;
        },
        addImage(data){
          console.log(data);
        },
        removeImage(){
          this.infoForm.cover='';
        },
        handleRemove(file, fileList) {
          console.log(file, fileList);
        },
        handlePictureCardPreview(file) {
          this.dialogImageUrl = file.url;
          console.log(dialogImageUrl)
          this.dialogVisible = true;
        }
      }
    }
</script>

<style>
</style>
